<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:component>

	<div class="row-fluid">
		<div class="span3">
			<p:outputLabel styleClass="text-right" value="Estado:"
				for="#{idEstado}" />
		</div>
		<div class="span4">
			<p:selectOneMenu id="#{idEstado}" value="#{valueEstado}"
				requiredMessage="Estado: O campo não pode ser vazio."
				required="true" filter="true" filterMatchMode="startsWith">
				<f:selectItem itemLabel="-- SELECIONE --" itemValue="#{null}" noSelectionOption="true" />
				<f:selectItems value="#{estadoMB.estados}" var="e"
					itemLabel="#{e.nome}" itemValue="#{e}" />
				<f:converter binding="#{estadoConverter}" />
				<p:ajax event="change" update="#{idCidade}" />
			</p:selectOneMenu>
		</div>
		<div class="span5">
			<p:message for="#{idEstado}" />
		</div>
	</div>

	<div class="row-fluid">
		<div class="span3">
			<p:outputLabel styleClass="text-right" value="Cidade:"
				for="#{idCidade}" />
		</div>
		<div class="span4">
			<p:selectOneMenu id="#{idCidade}" value="#{valueCidade}"
				requiredMessage="Cidade: O campo não pode ser vazio."
				required="true">
				<f:selectItem itemLabel="-- SELECIONE --" itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems value="#{valuesSelectItemCidade}" var="m"
					itemLabel="#{m.nome}" itemValue="#{m}" />
				<f:converter binding="#{cidadeConverter}" />
			</p:selectOneMenu>
		</div>
		<div class="span5">
			<p:message for="#{idCidade}" />
		</div>
	</div>

</ui:component>

</html>